@import "./theme/color-variables.scss";

:global(.ant-tabs-nav) {
  margin-bottom: 0 !important;

  &::before {
    border-bottom-color: $t-grey-3  !important;
  }
}

:global(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
  font-weight: 600;
  color: $t-grey-8;
}

:global(.ant-tabs-tab) {
  padding: 10px;
  margin-right: 24px;
  font-size: 16px;
  transition: all 0.3s;

  &:hover {
    color: $t-grey-8;
    font-weight: 600;
  }
}

:global(.ant-tabs-tab-btn) {

  &:active,
  &:focus {
    color: $t-grey-8;
    font-weight: 600;
  }
}

:global(.ant-avatar) {
  background: $t-grey-5;
}

:global(.ant-table-tbody) {
  &>tr {
    td>a.link-name {
      color: $t-grey-8;

      .path {
        font-size: 12px;
        color: $t-grey-7;
        max-width: 400px;
        word-break: break-all;
      }
    }

    &:hover {
      td>a.link-name {
        color: $t-blue-5  !important;
      }
    }
  }
}

:global(.ant-tag) {
  padding: 0px 8px;

  &.warning {
    color: $tca-warging-color;
    background-color: $tca-warging-bg;
  }

  &.success {
    color: $tca-success-color;
    background-color: $tca-success-bg;
  }

  &.fatal {
    color: $tca-fatal-color;
    background-color: $tca-fatal-bg;
  }

  &.error {
    color: $tca-error-color;
    background-color: $tca-error-bg;
  }

  &.processing,
  &.info {
    color: $tca-tip-color;
    background-color: $tca-tip-bg;
  }
}